<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>OA系统</title>
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/assets/skin/default_skin/css/theme.css">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/assets/admin-tools/admin-forms/css/admin-forms.css">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/assets/img/favicon.ico">
    <style>
        /* demo page styles */
        body { min-height: 2300px; }

        .content-header b,
        .admin-form .panel.heading-border:before,
        .admin-form .panel .heading-border:before {
            transition: all 0.7s ease;
        }
        /* responsive demo styles */
        @media (max-width: 800px) {
            .admin-form .panel-body { padding: 18px 12px; }
        }

        .ui-datepicker select.ui-datepicker-month,
        .ui-datepicker select.ui-datepicker-year {
            width: 48%;
            margin-top: 0;
            margin-bottom: 0;

            line-height: 25px;
            text-indent: 3px;

            color: #888;
            border-color: #DDD;
            background-color: #FDFDFD;

            -webkit-appearance: none; /*Optionally disable dropdown arrow*/
        }
    </style>
</head>

<body class="admin-validation-page" data-spy="scroll" data-target="#nav-spy" data-offset="200">
<div id="main">
    <header class="navbar navbar-fixed-top navbar-shadow">
        <div class="navbar-branding">
            <a class="navbar-brand" href="dashboard.html">
                <b>OA系统</b>
            </a>
            <span id="toggle_sidemenu_l" class="ad ad-lines"></span>
        </div>
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown menu-merge">
                <a href="#" class="dropdown-toggle fw600 p15" data-toggle="dropdown">
                    <span class="hidden-xs pl15"> ${sessionScope.employee.name} </span>
                    <span class="caret caret-tp hidden-xs"></span>
                </a>
                <ul class="dropdown-menu list-group dropdown-persist w250" role="menu">
                    <li class="list-group-item">
                        <a href="${pageContext.request.contextPath}/self" class="animated animated-short fadeInUp">
                            <span class="fa fa-user"></span> 个人信息
                            <span class="label label-warning"></span>
                        </a>
                    </li>
                    <li class="list-group-item">
                        <a href="${pageContext.request.contextPath}/to_change_password" class="animated animated-short fadeInUp">
                            <span class="fa fa-gear"></span> 设置密码 </a>
                    </li>
                    <li class="dropdown-footer">
                        <a href="${pageContext.request.contextPath}/quit">
                            <span class="fa fa-power-off pr5"></span> 退出 </a>
                    </li>
                </ul>
            </li>
        </ul>
    </header>
    <aside id="sidebar_left" class="nano nano-light affix">
        <div class="sidebar-left-content nano-content">
<%--            <header class="sidebar-header">--%>
<%--                <div class="sidebar-widget author-widget">--%>
<%--                    <div class="media">--%>
<%--                        <a class="media-left" href="#">--%>
<%--                            <img src="assets/img/avatars/3.jpg" class="img-responsive">--%>
<%--                        </a>--%>
<%--                        <div class="media-body">--%>
<%--                            <div class="media-author">${sessionScope.employee.name}---${sessionScope.employee.post}</div>--%>
<%--                            <div class="media-links">--%>
<%--                                <a href="/quit">退出</a>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--                <div class="sidebar-widget search-widget hidden">--%>
<%--                    <div class="input-group">--%>
<%--                        <span class="input-group-addon">--%>
<%--                            <i class="fa fa-search"></i>--%>
<%--                        </span>--%>
<%--                        <input type="text" id="sidebar-search" class="form-control" placeholder="Search...">--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </header>--%>
            <ul class="nav sidebar-menu">
                <li class="sidebar-label pt20">日常管理</li>
                <li>
                    <a href="${pageContext.request.contextPath}/claim_voucher/deal">
                        <span class="glyphicon glyphicon-book"></span>
                        <span class="sidebar-title">待处理报销单</span>
                        <span class="sidebar-title-tray">
<%--                <span class="label label-xs bg-primary">New</span>--%>
              </span>
                    </a>
                </li>
<%--            <li class="active">--%>
                <li>
                    <a href="${pageContext.request.contextPath}/claim_voucher/self">
                        <span class="glyphicon glyphicon-home"></span>
                        <span class="sidebar-title">个人报销单</span>
                    </a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/claim_voucher/to_add">
                        <span class="fa fa-calendar"></span>
                        <span class="sidebar-title">填写报销单</span>
                    </a>
                </li>
                <li class="sidebar-label pt15">基础信息管理</li>
                <li>
                    <a href="${pageContext.request.contextPath}/employee/list">
                        <span class="glyphicon glyphicon-calendar"></span> 员工列表
                    </a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/department/list">
                        <span class="glyphicon glyphicon-calendar"></span> 部门列表
                    </a>
                </li>
            </ul>
            <div class="sidebar-toggle-mini">
                <a href="#">
                    <span class="fa fa-sign-out"></span>
                </a>
            </div>
        </div>
    </aside>
    <section id="content_wrapper">